
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent; }
body { color:#122e67; background-color:#f4f4f4; font-size:14px; line-height:1.5em; font-family: Arial,Tahoma,"hiragino sans gb",Helvetica;}

body { line-height:1; }

.container {
    width: 1010px;
}

.theTop {
    width: auto;
    margin: 0;
    height: 30px;
    background: #393A3A;
}

.theTopService {
    width: 1010px;margin: 0px auto;padding: 5px 20px;
}

.ui-top-service-text {
    float: left;color: #FFFFFF;padding-left: 10px;
}

.ui-top-right-box {
    float: left;padding-left: 660px;
}

.ui-top-welcome {
    float: left;color: #FFFFFF;
}

.ui-top-user-login {
    float: left;color: #258CBE
}

.ui-top-user-login-text {
    float: left;margin-left: 10px;line-height: 16px;
}

.ui-top-user-signup-text {
    float: left;margin-left: 10px;line-height: 16px;
}

.theTopMenu {
    width: auto;
    margin: 0;
    height: 57px;
    background: #FFFFFF ;
}

.menu {
    height: 56px;
    margin: auto;

    width: 1010px;
    background: #FFFFFF ;
    position: relative;
}

.logo {

    position: relative;
    height: 38px;
    width: 220px;
    background: url("../images/logo.png");
}
.theRightMenu {
    float: left;
    background: #FFFFFF;
    width: 540px;
    height: 24px;
    margin: 23px 0px 30px 240px;
}

#right_menu dt {
    float: left;
    width: 90px;
    font-size: 23px;
    color: #000000;
    margin: 0px 0px 0px 0px;
}

.slideshow-main {
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
    height: 468px;width: auto;
    background-repeat: no-repeat center;

}

.slideshow {
    margin-top: 2px;
    margin-left: auto;
    height: 468px;width: auto;
}

.theMainArea {
    height: 500px;
    margin: auto;
    margin-top: 322px;
    width: 1010px;
    background: #FFFFFF;
}

.theMainArea-left {
    float: left;
    width: 305px;
    height: 457px;
    background: #393A3A;
    margin: 28px 0px 0px 8px;
    border: solid 1px #B6B9BD;
}

.theMainArea-center {
    float: left;
    width: 405px;
    height: 461px;
    background: #FFFFFF;
    margin: 28px 0px 0px 8px;
}

.area_title {
    padding: 1px 0px 5px 7px;
    font-size: 30px;
    line-height: 34px;
    color: #000000;
}

.ft-title {
    font-size: 23px;
    line-height: 30px;
    color: #000000;
    text-align: center;
}

.article_title {
    margin: 12px 0px 0px 0px;
}

.ft-content {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.article_content_gray {
    background: #ECECEC;
}

.article_content {
    padding: 8px 8px 8px 8px;
    margin: 4px;
}

.for_list {
    height: 33px;
}

.article_content .ft-list {
    float: left;
    width: 178px;
    padding: 0px 0px 0px 10px;
}

.article_img {
    margin: 10px 0px 0px 0px;
}

.article_img_box {
    float: left;margin:0px 3px 0px 3px;
}

.article_content_more {
    margin-left: 300px;color: #419CC2
}

.theMainArea-right {
    float: left;
    width: 268px;
    height: 461px;
    margin: 28px 0px 0px 8px;
}

.theSearchSki {
    height: 137px;
    margin: auto;
    width: 1010px;
    background: #FFFFFF;
}

.theSearchForm {
    margin: 0px 0px 17px 42px;
    width: 891px;
    height: 119px;
    border: solid 1px #DFDFDF;
}

.theSearchForm .leftLogo {
    background: url('../images/zoo-search-left.png');width: 129px ;height: 69px;margin-left: 32px;margin-top: 20px;float: left;
}

.theSearchForm .leftLine {
    background: url('../images/zoo-search-left-line.png');width: 1px ;height: 69px;margin-left: 32px;margin-top: 20px;float: left;"
}

.theSearchForm .centerForm {
    width: 531px;height:60px;margin: 22px 0px 10px 10px;float: left;
}

.theSearchForm .select_box .box_first_item {
    float: left; width:105px;height:26px;margin: 0px 0px 0px 22px;
}

.theSearchForm .select_box .box_item {
    float: left; width:105px;height:26px;margin: 0px 0px 0px 25px;
}

.theSearchForm .input_box {
    float: left;width: 531px;
}

.theSearchForm .input_box .search_text {
    float: left;margin: 18px 0px 0px 22px;
}

.theSearchForm .input_box .search_text input {
    width: 404px;
}

.theSearchForm .input_box .search_button {
    float: left;margin: 18px 0px 0px 22px;width: 74px;height: 21px;background: #2991BD;
}

.theSearchForm .input_box .search_button a {
    width: 74px;height: 21px;text-align: center;
}

.theSearchForm .rightLine {
    background: url('../images/zoo-search-left-line.png');width: 1px ;height: 69px;margin-left: 15px;margin-top: 20px;float: left;
}

.theSearchForm .rightLinkArea {
    float: left;width: 120px;margin: 23px 10px 0px 10px;
}

.theSearchForm .rightLinkArea .aLink {
    margin-bottom: 10px;
}


.theSkiArea {
    height: 793px;
    margin: auto;
    width: 1010px;
    background: #000000 ;
}

.ski-content {
    height: 654px;
    width: 100%;
}

.ski-content-top {
    height: 107px;
    width: 100%;
}

.ski-type {
    float: left;
    margin: 35px 0px 0px 15px;
}
.ski-content-catalog {
    float: left;
    font-size: 18px;
    margin: 90px 0px 0px 445px;
}
.ski-content-catalog div {
    color: #FFFFFF;
}

.ski-content-top .type-tap {
    float: left;
}

.theContentsArea {
    height: 686px;
    margin: auto;
    width: 1010px;
    background: #000000 ;
}
.thePageContentsArea {
    height: 551px;
    margin: auto;
    width: 100%;
}
.theSnsArea {
    min-height: 1800px;
    height: auto;
    margin: auto;
    width: 1010px;
    background: #FFFFFF ;
}
.sns-border-box {
    border: 1px solid #c2c2c2;
    box-shadow: 0 0 3px #c2c2c2;
}


.top-lastnews i{
    background: url(../images/ui-top-to-left.png) no-repeat;
    width: 49px;
    height: 104px;
    display: block;
}
.top-nextnews i {
    background: url(../images/ui-top-to-right.png) no-repeat;
    width: 49px;
    height: 104px;
    display: block;
}

.top-nextnews {
    width: 49px;
    height: 104px;
    position: absolute;
    top: 235px;
    left: 50%;
    overflow: hidden;
    z-index: 6;
}

.top-lastnews ,.top-nextnews {
    width: 49px;
    height: 104px;
    position: absolute;
    top: 308px;
    left: 50%;
    overflow: hidden;
    z-index: 6;
    cursor: pointer;
}

.top-lastnews {
    margin-left: -559px;
}

.top-nextnews {
    margin-left: 514px;
}

.topFrontImageOuter {
    width: 1010px;margin: 10px auto;
}

.topFrontImageBox {
    margin-top: 59px;
}

.topFrontImageOuter .clean-fix {
    height:17px;
}
#topFrontImageView .frontImageDD {
    margin-top: -3px; height: 394px;position: relative;opacity: 0;
}

#topFrontImageView .frontImageDDmt-394 {
    margin-top: -394px; height: 394px;position: relative;opacity: 0;
}

#topFrontImageView .frontImageDD img {
    width: 1010px;
    height: 394px;
}

#topFrontImageView .frontImageDDmt-394 img {
    width: 1010px;
    height: 394px;
}
